<template>
  <div class="">
    <div class="cardDiv5" >
      
      <img style="width:28px;height:14px;margin-top:-3px;" src="@/assets/icon_4.png" />
      <span class="yq-text">友情链接：</span>
      <a-select v-if="dzzwxtLinkData && dzzwxtLinkData.length>0"  class="yq-select" @change="handleChange" :value="dzzwxtLinkData[0].typeName">
        <template v-for="item in dzzwxtLinkData">
           <a-select-option :value="item.friendUrl" :key="item.id">
             {{item.friendLinkname}}
           </a-select-option>
        </template>
        
      </a-select>

       <a-select v-if="slxtLinkData && slxtLinkData.length>0" class="yq-select" @change="handleChange" :value="slxtLinkData[0].typeName">
        <template v-for="item in slxtLinkData">
           <a-select-option :value="item.friendUrl" :key="item.id">
             {{item.friendLinkname}}
           </a-select-option>
        </template>
        
      </a-select>

       <a-select  v-if="ssqLinkData && ssqLinkData.length>0" class="yq-select" @change="handleChange" :value="ssqLinkData[0].typeName">
        <template v-for="item in ssqLinkData">
           <a-select-option :value="item.friendUrl" :key="item.id">
             {{item.friendLinkname}}
           </a-select-option>
        </template>
        
      </a-select>
    </div>  

  
  
  </div>
  
</template>

<script>
// import moment from "moment";
import api from '@/api/index'
import emv from "@/views/center/emptyVue.vue";
  export default {
    name: "item5",
    data() {
      return {
        dzzwxtLinkData:[
          // {
          //   id:1,
          //   friendLinkname:'信用中国',
          //   friendUrl:'https://www.creditchina.gov.cn/chengxinwenhua/chengxindajiatan/',
          //   typeName:'电子政务网站',
          // },
          //  {
          //   id:2,
          //   friendLinkname:'全国公共资源交易平台',
          //   friendUrl:'http://www.ggzy.gov.cn/',
          //   typeName:'电子政务网站',
          // },
        ],
        slxtLinkData:[
          // {
          //   id:1,
          //   friendLinkname:'长江水利委员会',
          //   friendUrl:'http://www.cjw.gov.cn/',
          //   typeName:'水利系统网站',
           
          // },
          // {
          //   id:2,
          //   friendLinkname:'黄河水利委员会',
          //   friendUrl:'http://zw.yellowriver.gov.cn/',
          //   typeName:'水利系统网站',
          // },
          // {
          //   id:3,
          //   friendLinkname:'海河水利委员会',
          //   friendUrl:'http://www.hwcc.gov.cn/',
          //   typeName:'水利系统网站',
          // },
          //  {
          //   id:4,
          //   friendLinkname:'松辽水利委员会',
          //   friendUrl:'http://www.slwr.gov.cn/slwztbd/songlgcxicxjs/#1',
          //   typeName:'水利系统网站',
          // },
          // {
          //   id:5,
          //   friendLinkname:'淮河水利委员会',
          //   friendUrl:'http://www.hrc.gov.cn/',
          //   typeName:'水利系统网站',
          // },
          // {
          //   id:6,
          //   friendLinkname:'珠江水利委员会',
          //   friendUrl:'http://www.pearlwater.gov.cn/gcxxgk/',
          //   typeName:'水利系统网站',
          // },
          //  {
          //   id:7,
          //   friendLinkname:'太湖流域管理局',
          //   friendUrl:'http://www.tba.gov.cn/',
          //   typeName:'水利系统网站',
          // },
        ],
        ssqLinkData:[
          // {
          //   id:1,
          //   friendLinkname:'北京',
          //   friendUrl:'http://www.bwea.org.cn/bwea_credit/credit/jsp_credit_index.jsp',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:2,
          //   friendLinkname:'天津',
          //   friendUrl:'http://218.69.100.143:84/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:3,
          //   friendLinkname:'河北',
          //   friendUrl:'http://www.hebwater.gov.cn/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:4,
          //   friendLinkname:'山西',
          //   friendUrl:'http://sxxy.sxwater.gov.cn:8080/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:5,
          //   friendLinkname:'內蒙古',
          //   friendUrl:'http://www.nmgslgcjsw.org/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:6,
          //   friendLinkname:'辽宁',
          //   friendUrl:'http://www.lnwcip.com.cn/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:7,
          //   friendLinkname:'吉林',
          //   friendUrl:'http://www.jlssljsxx.com/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:8,
          //   friendLinkname:'黑龙江',
          //   friendUrl:'http://125.211.222.141:8000/water_new/main/main_new',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:9,
          //   friendLinkname:'上海',
          //   friendUrl:'http://101.230.199.209:8088/jsws/swxtweb/WaterPortal.html',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:10,
          //   friendLinkname:'江苏',
          //   friendUrl:'http://221.226.253.14:84/Home/Index.aspx',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:11,
          //   friendLinkname:'浙江',
          //   friendUrl:'http://www.zjwater.gov.cn/slsc/default.htm',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:12,
          //   friendLinkname:'安徽',
          //   friendUrl:'http://61.190.26.79:5000/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:13,
          //   friendLinkname:'福建',
          //   friendUrl:'http://fjxy.fjwea.org.cn/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:14,
          //   friendLinkname:'江西',
          //   friendUrl:'http://jsscjgpt.jxwrd.gov.cn/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:15,
          //   friendLinkname:'山东',
          //   friendUrl:'http://wr.shandong.gov.cn/scxy/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:16,
          //   friendLinkname:'河南',
          //   friendUrl:'http://xyxxgk.hnsl.gov.cn/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:17,
          //   friendLinkname:'湖北',
          //   friendUrl:'http://219.140.162.169:8090/f',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:18,
          //   friendLinkname:'湖南',
          //   friendUrl:'http://xypt.slt.hunan.gov.cn/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:19,
          //   friendLinkname:'广东',
          //   friendUrl:'http://58.248.66.215/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:20,
          //   friendLinkname:'广西',
          //   friendUrl:'http://www.gxsljg.com/gxsltpmp/xinyongIndex.action',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:21,
          //   friendLinkname:'海南',
          //   friendUrl:'http://59.50.77.74:8086/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:22,
          //   friendLinkname:'重庆',
          //   friendUrl:'http://gcxy.cqwater.gov.cn/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:23,
          //   friendLinkname:'四川',
          //   friendUrl:'http://www.scwater.gov.cn/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:24,
          //   friendLinkname:'贵州',
          //   friendUrl:'http://www.gzsljg.com/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:25,
          //   friendLinkname:'云南',
          //   friendUrl:'http://ynxy.cwun.org/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:26,
          //   friendLinkname:'西藏',
          //   friendUrl:'http://xzxy.cwun.org?',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:27,
          //   friendLinkname:'陕西',
          //   friendUrl:'http://www.sxmwr.gov.cn/slscxy/index.aspx',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:28,
          //   friendLinkname:'甘肃',
          //   friendUrl:'http://118.180.24.163:8888/gswebsite/website/index.html',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:29,
          //   friendLinkname:'青海',
          //   friendUrl:'http://www.qhsljg.org.cn/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:30,
          //   friendLinkname:'宁夏',
          //   friendUrl:'https://www.nxsljgpt.com.cn/',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:31,
          //   friendLinkname:'新疆',
          //   friendUrl:'http://jsy.xjjs.gov.cn/asite/cloud/index.jsp',
          //   typeName:'省市区网站',
          // },
          // {
          //   id:32,
          //   friendLinkname:'兵团',
          //   friendUrl:'#',
          //   typeName:'省市区网站',
          // },
        ],
      }
    },
    created(){
      emv.$emit("setfootmargintop",25);
      this.get_dzzw_list();
      this.get_xlxt_list();
      this.get_ssq_list();
    },
    methods: {
     handleChange(value) {
       //alert(value);
        // this.$router.push(value);
        window.open(value)
      },
      get_dzzw_list(){
        let pageFilter = {
          typeName:'电子政务网站',
          isPass:true,
        }
        api.get_friendLink_list(pageFilter).then(res => {
          let data = res.rows;
          if(data.length>0){
            this.dzzwxtLinkData = data
          }
        });
      },
      get_xlxt_list(){
        let pageFilter = {
          typeName:'水利系统网站',
          isPass:true,
        }
        api.get_friendLink_list(pageFilter).then(res => {
          let data = res.rows;
          if(data.length>0){
            this.slxtLinkData = data
          }
        });
      },
      get_ssq_list(){
        let pageFilter = {
          typeName:'省市区网站',
          isPass:true,
        }
        api.get_friendLink_list(pageFilter).then(res => {
          let data = res.rows;
          if(data.length>0){
            this.ssqLinkData = data
          }
        });
      },
    },
  };
</script>
<style lang="less">
.tabview5{
  width: 65%;
  position: absolute;
  /* z-index: 99999; */
  height: 30px;
  margin-top: 1125px;
  left: 17.5%;
 
}

.cardDiv5{
  height: 30px;
  background: #fff;
  margin-top: 40px;
  // margin-bottom: 5px;
  .ant-select-selection-selected-value {
    float: left;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
  }
  .ant-select-selection {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #CCCCCC;
    border-top-width: 1.02px;
    border-radius: 0px;
    outline: none;
    height: 30px;
    -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .ant-select-selection__rendered {
    position: relative;
    display: block;
    margin-right: 11px;
    margin-left: 11px;
    line-height: 26px;
  } 
}
.yq-text{
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #0068B7;
  margin-left: 10px;
}
.yq-select{
  width: 280px;
  height:30px;
  margin-left:72px;
  // margin-right: 100px;
}
</style>